<template>
    <div>
        <a-space>
      <a-image-preview-group :preview="{ visible, onVisibleChange: setVisible}">
        <a-image src="http://mozhe.oss-cn-hangzhou.aliyuncs.com/mz/20231028/81253.jpg" style="width: 100px;height:100px" />
      </a-image-preview-group>
    </a-space>
</div>
<div>
    <div><a-button type="primary" @click="preview">显示</a-button></div>
    <div><a-button type="primary" v-privilege="'system:department:delete'">部门删除</a-button></div>
    <div><a-button type="primary" v-privilege="'system:department:add'">部门添加</a-button></div>
    <div><a-button type="primary" v-privilege="'system:department:edite'">部门编辑</a-button></div>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const visible = ref(false);
function setVisible(value:boolean) {
  visible.value = value;
}
function preview(){
  visible.value = true
}
</script>